<?xml version="1.0" encoding="UTF-8"?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
     xmlns:c="http://java.sun.com/jsp/jstl/core"
     template="Template.xhtml"
>
<ui:define name="title"></ui:define>

<ui:define name="body">
<h:form id="form">
    <p:growl id="msgs" showDetail="true"  />
 
    <p:dataTable id="basicDT" var="car" value="#{categorieMB.listCategorie}" editable="true" >
      
        <p:column headerText="Id">
            <h:outputText value="#{car.idCategorie}" />
        </p:column>
        <p:column headerText="Intitulé">
        
             <h:outputText value="#{car.intitule}" />
              
       </p:column>
         
        <p:column headerText="Statut">
   
              <h:outputText value="#{car.status}" />
      
        </p:column>
        <p:column style="width:32px;text-align: center">
             <p:commandButton update=":form:carDetail" oncomplete="carDialog.show()" icon="ui-icon-search" title="View">
                <f:setPropertyActionListener value="#{car}" target="#{categorieMB.cat}" />
            </p:commandButton>
             <p:commandButton  icon="ui-icon ui-icon-pencil">
            </p:commandButton>
            <p:commandButton  icon="ui-icon ui-icon-close">
            </p:commandButton>
        </p:column>
      
        
    </p:dataTable>
    
     <p:dialog header="Category details" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
        <p:outputPanel id="carDetail" style="text-align:center;">
            <p:panelGrid  columns="2"  columnClasses="label,value">
                <h:outputText value="Id:" />
                <h:outputText value="#{categorieMB.cat.idCategorie}" />
 
                <h:outputText value="Intitulé" />
                <h:outputText value="#{categorieMB.cat.intitule}" />
 
                <h:outputText value="Statut:" />
                <h:outputText value="#{categorieMB.cat.status}" />
 
            </p:panelGrid>
        </p:outputPanel>
    </p:dialog>
   <p:outputLabel value="#{categorieMB.cat}"></p:outputLabel>
 </h:form>
</ui:define>

</ui:composition>